<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="layouts::header"></head>
<body>

<nav th:replace="layouts::navbar"></nav>

<div id="waypoint" class="m-margin- animated fadeIn">
    <div class="ui container m-opacity box-shadow-max">
        <div  class="ui bottom attached segment">
            <h3>网友目录</h3>
            <hr>
            <a th:href="@{/netizens/new}" class="ui teal button m-mobile-wide">新增网友</a>
            <br>
            <table class="table table-bordered table-striped">
                <thead class="thead-dark">
                <tr>
                    <th>姓名</th>
                    <th>邮箱</th>
                    <th>微信号</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="aNetizen : ${netizens}">
                    <td th:text="${aNetizen.name}"></td>
                    <td th:text="${aNetizen.email}"></td>
                    <td th:text="${aNetizen.wechatId}"></td>
                </tr>
                </tbody>


            </table>

        </div>

    </div>

</div>


</body>
</html>